<template>
  <div style="padding: 2%;background-color: white;box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);margin-bottom: 20px">
    <!--                  头像,昵称展示-->
    <UserHead :receiver="myComment.receiver" :sender="myComment.sender" :date="myComment.date">
    </UserHead>
    <!--评论内容-->
    <router-link  :to="{path:'/index/article',query:{articleId:myComment.articleId}}">
      <p>{{ myComment.comment}}</p>
    </router-link>
  </div>
</template>

<script>
import UserHead from './UserHead'
export default {
  name: 'UserComment',
  components: {UserHead},
  props: ['myComment']
}
</script>

<style scoped>

</style>
